import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import App3 from "./App3";
import reportWebVitals from "./reportWebVitals";
import Login from "./components/Login";
import Sse from "./components/Sse";
import SharpGif from "./components/SharpGif";
import ErrorBoundary1 from "./components/SuspenseAndErrorBoundary/ErrorBoundary1";
import ErrorBoundary2 from "./components/SuspenseAndErrorBoundary/ErrorBoundary2";
import Suspense1 from "./components/SuspenseAndErrorBoundary/TestSuspense1";
import { IconAdd } from "./components/Icon/IconAdd";
import { IconEmail } from "./components/Icon/IconEmail";
import { TestCreateFromIconfont } from "./components/Icon/createFrontIconfont";
import TestSpace1 from "./components/Space/TestSpace1";
import TestSpace2 from "./components/Space/TestSpace2";
import TestSpace3 from "./components/Space/TestSpace3";
import TestSpace4 from "./components/Space/TestSpace4";
import ReactChildrenTest from "./components/ReactChildrenTest";
import { ReactChildrenReplace } from "./components/ReactChildrenTest/Replace";
import { ReactChildrenReplace2 } from "./components/ReactChildrenTest/Replace2";
import { TestPortal } from "./components/Portal";
import { MutationObserverTest } from "./components/MutationObserverTest.tsx";
import { TestCopyToClipboard } from "./components/CopyToClipboard";
import { IntersectionObserverTest } from "./components/ObserverTest/IntersectionObserverTest";
import { MutationObserverTest2 } from "./components/ObserverTest/MutationObserverTest";
import { ResizeObserverTest } from "./components/ObserverTest/ResizeObserverTest";
import { PerformanceObserverTest } from "./components/ObserverTest/PerformanceObserverTest";
import WatermarkTest from "./components/Watermark";
import TestReactLazy from "./components/ReactLazy";
import WebDistanceTest from "./components/WebDistanceTest";
import WebDistanceTest2 from "./components/WebDistanceTest/index2";
import WebDistanceTest3 from "./components/WebDistanceTest/index3";
import WebDistanceTest4 from "./components/WebDistanceTest/index4";
import TestUseMountedState from "./components/TestCustomHooks";
import TestUseLifeCycles from "./components/TestCustomHooks/index2";
import TestUseCookies from "./components/TestCustomHooks/index3";
import TestUseHover from "./components/TestCustomHooks/index4";
import TestUseScrolling from "./components/TestCustomHooks/index5";
import TestUseSize from "./components/TestCustomHooks/index6";
import TestUseHover2 from "./components/TestCustomHooks/index7";
import TestUseTimeout from "./components/TestCustomHooks/index8";
import TestUseWhyDidYouUpdate from "./components/TestCustomHooks/index9";
import TestUseCountDown from "./components/TestCustomHooks/index10";
import SpringTest from "./components/ReactSpringTest";
import SpringTest2 from "./components/ReactSpringTest/index2";
import SpringTest3 from "./components/ReactSpringTest/index3";
import SpringTest4 from "./components/ReactSpringTest/index4";
import SpringTest5 from "./components/ReactSpringTest/index5";
import SpringTest6 from "./components/ReactSpringTest/index6";
import ReactSpringGestureTest from "./components/ReactSpringGestureTest";
import ReactTransitionTest from "./components/ReactTransitionTest";
import ReactTransitionTest2 from "./components/ReactTransitionTest/index2";
import ReactTransitionTest3 from "./components/ReactTransitionTest/index3";
import ReactTransitionTest4 from "./components/ReactTransitionTest/index4";
import TailwindTest1 from "./components/TailwindTest";
import CSSMoudleTest1 from "./components/CSSModuleTest";
import { StyledComponentsTest } from "./components/StyledComponentsTest";
import { StyledComponentsTest2 } from "./components/StyledComponentsTest/index2";
import { StyledComponentsTest3 } from "./components/StyledComponentsTest/index3";
import { StyledComponentsTest4 } from "./components/StyledComponentsTest/index4";
import { StyledComponentsTest5 } from "./components/StyledComponentsTest/index5";
import { StyledComponentsTest6 } from "./components/StyledComponentsTest/index6";
import { StyledComponentsTest7 } from "./components/StyledComponentsTest/index7";
import { StyledComponentsTest8 } from "./components/StyledComponentsTest/index8";
import { StyledComponentsTest9 } from "./components/StyledComponentsTest/index9";
import { StyledComponentsTest10 } from "./components/StyledComponentsTest/滑入滑出/index10";
import { MessageProvider } from "./components/Message";
import TestMessage from "./components/Message/TestMessage";
import TestPopover from "./components/Popover/TestPopover";
// @ts-ignore
import { ClickToComponent } from "click-to-react-component";
import ColorPickerPanel from "./components/ColorPicker/ColorPickerPanel";
import TestColorPicker from "./components/ColorPicker/TestColorPicker";
import { Mask } from "./components/OnBoarding/Mask";
import TestOnBoarding from "./components/OnBoarding/TestOnBoarding";
import TestUpload from "./components/Upload/TestUpload";
import TestForm from "./components/Form/TestForm";
import TestForm1 from "./components/Form/TestForm1";
import TestAbinComponent from "./components/TestAbinComponent";
import TestImmutable1 from "./TestImmutable";
import TestImmutable2 from "./TestImmutable/index2";
import TestKeepalive from "./components/TestKeepalive";
import TestReactRouter from "./components/TestReactRouter";
import TestContext from "./components/TestContext";
import TestZustand from "./components/TestZustand";
import TestJotai from "./components/TestJotai";
import TestJotai2 from "./components/TestJotai/index2";
import TestJotai3 from "./components/TestJotai/index3";
import TestJotai4 from "./components/TestJotai/index4";
import TestJotai5 from "./components/TestJotai/index5";
import TestJotai6 from "./components/TestJotai/index6";
import TestIntl from "./components/TestIntl";
import TestReactDnD from "./components/TestReactDnD";
import TestReactDnD2 from "./components/TestReactDnD/index2";
import TestReactDnDTodoList from "./components/TestReactDnDTodoList";
import TestReactSource from "./components/TestReactSource/index.tsx";

const root = ReactDOM.createRoot(
  document.getElementById("root") as HTMLElement
);
root.render(
  // <React.StrictMode>
  <>
    {/* <App /> */}
    {/* <App3 /> */}
    {/* <Login /> */}
    {/* <Sse /> */}
    {/* <SharpGif /> */}
    {/* <ErrorBoundary1 /> */}
    {/* <ErrorBoundary2 /> */}
    {/* <Suspense1 /> */}
    {/* <IconAdd size="40px"></IconAdd> */}
    {/* <IconEmail spin></IconEmail> */}
    {/* <IconEmail style={{ color: "blue", fontSize: "50px" }}></IconEmail> */}
    {/* <TestCreateFromIconfont size="40px" type="icon-shuju-" /> */}
    {/* <ClickToComponent /> */}
    {/* <TestSpace1 /> */}
    {/* <TestSpace2 /> */}
    {/* <TestSpace3 /> */}
    {/* <TestSpace4 /> */}
    {/* <ReactChildrenTest /> */}
    {/* <ReactChildrenReplace /> */}
    {/* <ReactChildrenReplace2 /> */}
    {/* <TestPortal /> */}
    {/* <MutationObserverTest /> */}
    {/* <TestCopyToClipboard /> */}
    {/* <IntersectionObserverTest /> */}
    {/* <MutationObserverTest2 /> */}
    {/* <ResizeObserverTest /> */}
    {/* <PerformanceObserverTest /> */}
    {/* <WatermarkTest /> */}
    {/* <TestReactLazy /> */}
    {/* <WebDistanceTest /> */}
    {/* <WebDistanceTest2 /> */}
    {/* <WebDistanceTest3 /> */}
    {/* <WebDistanceTest4 /> */}
    {/* <TestUseMountedState /> */}
    {/* <TestUseLifeCycles /> */}
    {/* <TestUseCookies /> */}
    {/* <TestUseHover /> */}
    {/* <TestUseScrolling /> */}
    {/* <TestUseSize /> */}
    {/* <TestUseHover2 /> */}
    {/* <TestUseTimeout /> */}
    {/* <TestUseWhyDidYouUpdate /> */}
    {/* <TestUseCountDown /> */}
    {/* <SpringTest /> */}
    {/* <SpringTest2 /> */}
    {/* <SpringTest3 /> */}
    {/* <SpringTest4 /> */}
    {/* <SpringTest5 /> */}
    {/* <SpringTest6 /> */}
    {/* <ReactSpringGestureTest /> */}
    {/* <ReactTransitionTest /> */}
    {/* <ReactTransitionTest2 /> */}
    {/* <ReactTransitionTest3 /> */}
    {/* <ReactTransitionTest4 /> */}
    {/* <TailwindTest1 /> */}
    {/* <CSSMoudleTest1 /> */}
    {/* <StyledComponentsTest /> */}
    {/* <StyledComponentsTest2 /> */}
    {/* <StyledComponentsTest3 /> */}
    {/* <StyledComponentsTest4 /> */}
    {/* <StyledComponentsTest5 /> */}
    {/* <StyledComponentsTest6 /> */}
    {/* <StyledComponentsTest7 /> */}
    {/* <StyledComponentsTest8 /> */}
    {/* <StyledComponentsTest9 /> */}
    {/* <StyledComponentsTest10 /> */}
    {/* <TestMessage /> */}
    {/* <TestPopover /> */}
    {/* <ColorPickerPanel /> */}
    {/* <TestColorPicker /> */}
    {/* <TestOnBoarding /> */}
    {/* <TestUpload /> */}
    {/* <TestForm /> */}
    {/* <TestForm1 /> */}
    {/* <TestAbinComponent /> */}
    {/* <TestImmutable1 /> */}
    {/* <TestImmutable2 /> */}
    <TestKeepalive />
    {/* <TestReactRouter /> */}
    {/* <TestContext /> */}
    {/* <TestZustand /> */}
    {/* <TestJotai /> */}
    {/* <TestJotai2 /> */}
    {/* <TestJotai3 /> */}
    {/* <TestJotai4 /> */}
    {/* <TestJotai5 /> */}
    {/* <TestJotai6 /> *f/}
    {/* <TestIntl /> */}
    {/* <TestReactDnD /> */}
    {/* <TestReactDnD2 /> */}
    {/* <TestReactDnDTodoList /> */}
    {/* <TestReactSource /> */}
  </>

  // </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
// reportWebVitals();
